import {
	createRouter,
	createWebHashHistory
} from 'vue-router'
import Home from '../views/Home.vue'

const routes = [{
		path: "/honor",
		name: "honor",
		component: () => import("../components/aaanewApp/views/honor")
	},


	{
		path: "/testcomp",
		name: "testcomp",
		component: () => import("../testComp.vue")
	},


	// wrong comp
	{
		path: "/addfilm",
		name: "addfilm",
		component: () => import("../components/aaanewApp/components/addFilm/addfilm")
	},






	{
		path: '/afterto',
		name: 'after',
		component: () => import('../components/aaMagicComps/animaFocusAfterMoveTo.vue')
	}, {
		path: '/',
		name: 'Home',
		component: Home
	},
	{
		path: '/test',
		name: 'Test',
		component: () => import('../aaaonlyForTest/testPage.vue')
	},
	{
		path: '/about',
		name: 'About',
		// route level code-splitting
		// this generates a separate chunk (about.[hash].js) for this route
		// which is lazy-loaded when the route is visited.
		component: () => import( /* webpackChunkName: "about" */ '../views/About.vue')
	},
	{
		path: "/ntk",
		name: "ntk",
		component: () => import('../views/needToKnow.vue')
	},
	{
		path: "/user",
		name: "user",
		component: () => import('../views/userPage.vue')
	}, {
		path: '/singlePage',
		name: 'singlePage',
		component: () => import('../views/singlePage.vue')
	},
	{
		path: '/music',
		name: 'music',
		component: () => import('../views/music.vue')
	},
	{
		path: '/adaptTips',
		name: 'tips',
		component: () => import('../components/adaptTips/adaptTips')
	}
]

const router = createRouter({
	history: createWebHashHistory(),
	routes
})

export default router
